@CHARSET "UTF8";

* {
	margin:0;
	padding:0 auto;
	}
body {
	
	text-align:center;                     
	font:80%/140% Arial, Helvetica, sans-serif;
	background: url("../img/layout/fundo.png") repeat; 
	}
.tudo{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	}
.barratop{
	height: 20px;
	background: url("../img/layout/menubar.png") repeat-x;
}
.topo {
	height:200px;
	position:relative;
	
	text-align: left;
	}
	.topo div.logo{
		width:960px;
		height: 100%;
		margin: 0 auto;	
		
		padding: 5px;
		
	}
		.topo div.logo a h1{
			color: #333;
			
			font-size: 32px;
			text-decoration: none;
		}
		.topo div.logo a:hover{
			text-decoration: none;
		}
#formlogin{
	text-transform: uppercase;
	position: absolute;
	right: 20px;
	margin:0 auto;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
#formlogin label input{
	background: #eee;
	border: none;
}
#formlogin input#submit{
	border: 1px outset #ccc;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	background: #ccc;
}
.menusup{
	height:50px;
	position:relative;
	background: url("../img/layout/menubar.png") repeat-x;
	width: 100%;
	text-align: left;
}
	.menusup div.navbar{
		margin: 0 auto;
		width: 960px;
		position:relative;
		clear: both;
	}
.menuconteudo{
	clear: both;
	width: 960px;
	margin: 0 auto;	
	background: #fff;
}

.conteudo {
	margin: 5px 5px;
	
	width: 70%;
	float: left;
	
	text-align: left;
	background: #fff;
}

.menu2 {
	float: left;
	width: 25%;
	padding: 10px 0;
	position: relative;
	margin: 5px;
	background:  #ccc;
	
}
.rodape {
	text-align:center;
	border-top: 10px #CFB881 solid;
	height:50px;
	background:#000;
	color: #ccc;
	clear:both;
	position: relative;
	padding: 10px 0;
	} 
	
.menu1 ul, .menu2 ol{
	padding: 0 15px 15px 40px;/* esse padding espelha o padding direito nos cabeçalhos e regra de parágrafo acima. O padding foi colocado na parte inferior para obter espaço entre outros elementos das listas e à esquerda para criar o recuo. */
}

/* ~~ A estilização dos links do seu site deve permanecer nesta ordem – incluindo o grupo de seletores que criam o efeito hover. ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* a não ser que você estilize seus links para que pareçam extremamente únicos, é melhor utilizar links sublinhados para uma identificação visual mais rápida. */
}
a:visited {
	color: #6E6C64;
	
}
a:hover, a:active, a:focus { /* esse grupo de seletores dará ao navegador que estiver usando um teclado a mesma experiência hover do que uma pessoa usando um mouse. */
	text-decoration: none;
	text-decoration: underline;
}

/* ~~ Seletores de elementos/tag ~~ */
ul, ol, dl { /* Devido a variações entre navegadores, é recomendado zerar o padding e a margem nas listas. É possível especificar as quantidades aqui ou nos itens da lista (LI, DT, DD) que eles contêm. Lembre-se: o que você fizer aqui ficará em cascata para a lista de navegação a não ser que você escreva outro seletor mais específico. */
	padding: 0;
	margin: 0;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* ao remover a margem superior, as margens podem escapar das suas containing div. A margem inferior restante vai mantê-la afastada de qualquer elemento que se segue. */
	padding-right: 15px;
	
	padding-left: 15px; /* adicionando o padding para os lados dos elementos dentro dos divs, ao invés dos próprios divs o livra de qualquer combinação de modelo de caixa. Um div aninhado com padding lateral também pode ser usado como método alternativo. */
}
a img { /* esse seletor remove a borda azul padrão exibida em alguns navegadores ao redor de uma imagem circundada por um link. */
	border: none;
}

/* ~~ Este seletor agrupado oferece as listas dentro do espaço da área de conteúdo.~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* esse padding espelha o padding direito nos cabeçalhos e regra de parágrafo acima. O padding foi colocado na parte inferior para obter espaço entre outros elementos das listas e à esquerda para criar o recuo. Estes podem ser ajustados como desejar. */
}

/* ~~ Os estilos de lista de navegação (podem ser removidos se for escolhido o uso de um submenu criado anteriormente, como o Spry) ~~ */
.menusup div.navbar ul.nav {
	position: absolute;
	margin: 0 auto;
	
	/*list-style: none; /* isso remove o marcador de lista */
	/*border-top: 1px solid #666; /* isso cria a borda da parte superior para os links – todos os outros são colocados usando uma borda na parte inferior no LI */
	margin-bottom: 25px; /* isso cria o espaço entre a navegação no conteúdo abaixo */
}
.menusup div.navbar ul.nav li {
	display: inline;
	list-style-type: none;
	margin: 0 auto;
	margin-right: 3px;
	border-bottom: 2px solid #666; /* isso cria a separação do botão */
	
}
.menusup div.navbar ul.nav li a{
	float: left;
	color: #333;
	font-size: 14px;
	text-decoration:none;
	text-transform: uppercase;
	padding: 7px 15px 7px 15px;
	
}
.menusup div.navbar ul.nav li a:hover{
	color: #000;
}

.menusup div.navbar ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* isso altera o fundo e a cor do texto para navegação com o mouse ou teclado. */
	color: #666;
}

ul.linksAdmin  li{
	text-decoration: none;
	list-style: none;
	margin: 5px;
	border-bottom: 3px;
	padding: 5px;
}
	ul.linksAdmin li a{
		color: #333;
	}
.noticia{
	margin: 10px 10px;
	padding: 15px 0;
	text-align: justify;
	clear: both;
	min-height: 500px;
}
	.noticia h1, h2, h3, h4, h5{
		color: #333;
		
	}
	.noticia strong{
		color: #000;
		font: 13px bold;
		margin: 15px;
	}
	.noticia div.imagem {
		width: 300px;
		display:block;
		float: right;
		margin-top: 40px;
		margin-bottom: 10px;
		margin-left: 10px;
		
	}
	.noticia p.legenda{
		font-size: 10px;
		float:right;
		width:90%;
		margin-bottom: 10px;
		background-color:#ddd ;
		background-position: bottom;
		
	}